ul,li,p,h1,h2,h3,h4,h5{margin: 0;padding: 0; list-style: none;}
.boxshadow{
	box-shadow: 0 3px 3px rgba(0,0,0,0.4);
}
.v-box{
	padding:0 20px;
	background: -webkit-linear-gradient(left,#3c52a7,#5e9bd3,#3c52a7); 
    background: -o-linear-gradient(left,#3c52a7,#5e9bd3,#3c52a7); 
    background: -moz-linear-gradient(left,#3c52a7,#5e9bd3,#3c52a7); 
    background: linear-gradient(to left,#3c52a7,#5e9bd3,#3c52a7); 
    color: white;
    border-top:1px solid #88f5d4;
}
.mxheader{
	border-bottom: 2px solid white;
	color: white;
	height: 76px;
	overflow: hidden;
}
.mxheader h3{
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.mxheader h3 span{
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height:76px;
	display: block;
	float: left;
}
.mxheader h3 i{
	font-size: 36px;
	display: block;
	float: left;
	margin-top: 16px;
	margin-right: 20px;
	margin-left: 20px;
}
.mxheader h1{
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height:70px;
}
.vcontent{
	width: 100%;
	min-height: 100%;
}
.vcontent .v-nav{
	float:left;
	width:200px;
	min-height: 110%;
	background-color: #11256d;
	position: absolute;
	z-index: 9999999;
	top: 75px;
	left: 0;
}
.vcontent .v-nav li{
	height: 80px;
	width: 200px;
	text-align: center;
	overflow: hidden;
	line-height: 80px;
	cursor: pointer;
}
.vcontent .v-nav li a{
	color: white;
	font-size: 18px;
	letter-spacing: 4px;
}
.vcontent .v-nav .vactive{
	box-shadow: 0 3px 3px rgba(0,0,0,0.4);
	background: -webkit-linear-gradient(left,#1749a3,#3560b1,#1749a3); 
    background: -o-linear-gradient(right,#1749a3,#3560b1,#1749a3); 
    background: -moz-linear-gradient(right,#1749a3,#3560b1,#1749a3); 
    background: linear-gradient(to right,#1749a3,#3560b1,#1749a3); 
}
.vcontent .v-nav li:hover{
	opacity: 0.6;
	box-shadow: 0 3px 3px rgba(0,0,0,0.4);
	background: -webkit-linear-gradient(left,#1749a3,#3560b1,#1749a3); 
    background: -o-linear-gradient(right,#1749a3,#3560b1,#1749a3); 
    background: -moz-linear-gradient(right,#1749a3,#3560b1,#1749a3); 
    background: linear-gradient(to right,#1749a3,#3560b1,#1749a3); 
}

.v-main-con{
	margin-left: 220px;
	margin-top: 20px;
	padding-right: 140px;
}
.v-main-tittle{

	overflow: hidden;
	padding:0 20px;
}
.v-main-tittle p{
	font-size: 16px;
		line-height: 40px;
}
.v-main-tittle .ihelp{
	width: 20px ;
	display: block;
	float: right;
	margin-top: 10px;
	margin-right: 4px;
}
.v-main-tittle .thelp{
	line-height: 40px;
	float: right;
}
.v-main-tittle p a{
	color: white;
}
.v-info{
	margin: 20px 0;
	overflow: hidden;
	padding-bottom: 30px;
}
.v-info .v-ss{
	height: 70px;
	width: 100%;
	background-color: #457ac2;
	border-radius: 10px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	overflow: hidden;
	color: white;
	padding:10px;
}
.v-info .v-add{
	height: 70px;
	width: 70px;
	background-color: #457ac2;
	border-radius: 10px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	line-height: 70px;
	color: white;
	text-align: center;
	font-size: 30px;
	cursor: pointer;
}
.v-info .v-add:active{
	box-shadow: 0 0px 3px rgba(0,0,0,0.2);
}
.v-ss-left{
	font-size: 16px;
	margin-top: 4px;
}
.v-ss-right{
	line-height: 50px;
	font-size: 26px;
}

.v-chart-h {
	width: 100%;
	text-align: center;
	letter-spacing: 4px;
	padding: 10px;
	font-size: 16px;
}
.v-chart{
	margin-top: 20px;
	color: white !important;
	position: relative;
}
.echartss{
	position: relative;
	z-index: 1;
}
.v-chart-b{
	width: 100%;
	height: 30px;
	border: none !important;
	position: absolute;
	bottom: 0;
	z-index: 0;
}
.mylink span{
	float: left;
	line-height: 40px;
}
.mylink span a{
	padding: 0px 14px;
	margin-left: 20px;
	text-align: center;
}
.lactive{
	border-bottom:2px solid #88f5d4 ;
}
.mylink span a:hover{
	color:#88f5d4 ;
}
.v-chart-r{
	padding-left: 10px;
}
.v-chart-r1{
	height: 298px;
	overflow: hidden;
	background-color: #3553ad;
	border-top: 1px solid #88f5d4;
}
.v-chart-r1 li{
	height:100px ;
	overflow: hidden;
	text-align: center;
	color: white;
}
.v-chart-r1 li p{
	font-size: 17px;
	margin-top: 16px;
}
.v-chart-r1 li h3{
	font-size: 26px;
	margin-top: 12px;
}
.v-chart-r1 li:nth-child(2){
	background-color: rgba(0,0,0,0.1);
}
.adminp{
	width: 32px;
	display: block;
	margin-top: 22px;
	margin-right: 16px;
}
.iconi{
	width: 26px;
}
.sselect{
	
}
.myselect option{
	color: #38283C !important;
}
.myselect{
	border: none;
	background-color: rgba(255,255,255,0.15);
	height: 38px;
	line-height: 38px;
	margin-top: -10px;
	margin-right: -10px;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	outline: none !important;
}
	@media only screen and (min-width: 1336px) and (max-width: 1600px) {
	.v-chart-r1 li p{
		font-size: 14px;
		margin-top: 16px;
	}
	.v-chart-r1 li h3{
		font-size: 22px;
		margin-top: 12px;
	}
	.v-ss-left{
		font-size: 13px;
		margin-top: 4px;
	}
	.v-info .v-ss{
		height: 64px !important;
	}
	.v-ss-right{
		line-height: 47px !important;
		font-size: 18px;
		}
	}
.mbox{
	color: #77f77e;

}
	@media only screen and (max-width: 1336px) {
		.v-info .v-add{
			height: 64px;
			width: 64px;
			line-height:64px;
		}
		.mxheader{
			height: 73px;
		}
		.v-main-con{
			margin-left: 210px;
		}
		
	.v-main-con h4{
		font-size: 13px !important;
	}
	.myselect{
		height: 35px;
	}
	.mxheader h3 span{
		font-size: 19px;
	}
	.v-chart-h{
		font-size: 14px;
	}
	h1{
		font-size: 25px;
	}
	.v-chart-r1 li p{
		font-size: 13px;
		margin-top: 16px;
	}
	.v-chart-r1 li h3{
		font-size: 18px;
		margin-top: 12px;
	}
	.vcontent .v-nav{
		width:188px;
	}
	.vcontent .v-nav li{
		width:188px;
		height: 74px;
	}
	.vcontent .v-nav li a{
		font-size: 17px;
		letter-spacing: 3px;
	}
	.v-info .v-ss{
		height: 60px !important;
	}
	.v-ss-left{
		font-size: 12px;
		margin-top: 4px;
	}
	.v-ss-right{
		line-height: 47px !important;
		font-size: 15px;
		height: 60px;
		}
		.thselecd{
			font-size:12px !important;
		}
		.thselecd input{
			font-size: 12px !important;
			width: 80px !important;
		}
		.table *{
			font-size: 12px !important;
		}
		.v-h{
			font-size: 13px !important;
			line-height: 43px !important;
		}
	}
.thselecd{
		padding: 20px;
		background-color: rgba(255,255,255,0.1);
		overflow: hidden;
		color: white;
		font-size: 16px;
}
.dateg{
	background-color: #466da6;
	padding: 10px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
.myradius{
	border-radius: 3px;
}
.thselecd input{
	border:none !important;
	color: white !important;
	background: none !important;
	font-size: 16px;
	width: 120px;
	padding: 0 !important;
	overflow: hidden;
	padding-left: 10px !important;
	
}
.myselects{
	border: none;
	background-color: #466da6;
	height: 42px;
	line-height: 42px;	
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 20px;
	outline: none !important;
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
.table *{
	text-align: center !important;
	border: none;
	color: white;
	font-size: 16px;
}
.table th,.table td{
	max-width: 240px !important;
	min-height:60px  !important;
	overflow:hidden; 
	word-wrap:break-word;
	border: 1px solid #6488b5; 
}
.table > thead > tr > th{
	border:1px solid #6488b5 !important;
}
.table th:nth-child(odd){
	background-color: rgba(255,255,255,0.2);
}
.table th:nth-child(even){
	background: -webkit-linear-gradient(left,rgba(0,0,0,0.3),rgba(255,255,255,0.1),rgba(0,0,0,0.3)); 
    background: -o-linear-gradient(left,rgba(0,0,0,0.3),rgba(255,255,255,0.1),rgba(0,0,0,0.3)); 
    background: -moz-linear-gradient(left,rgba(0,0,0,0.3),rgba(255,255,255,0.1),rgba(0,0,0,0.3)); 
    background: linear-gradient(to left,rgba(0,0,0,0.3),rgba(255,255,255,0.1),rgba(0,0,0,0.3)); 
}
.table td:nth-child(odd){
	background-color: rgba(255,255,255,0.05);
}
.table td:nth-child(even){
	background: -webkit-linear-gradient(left,rgba(0,0,0,0.2),rgba(255,255,255,0.0),rgba(0,0,0,0.2)); 
    background: -o-linear-gradient(left,rgba(0,0,0,0.2),rgba(255,255,255,0.0),rgba(0,0,0,0.2)); 
    background: -moz-linear-gradient(left,rgba(0,0,0,0.2),rgba(255,255,255,0.0),rgba(0,0,0,0.2)); 
    background: linear-gradient(to left,rgba(0,0,0,0.2),rgba(255,255,255,0.0),rgba(0,0,0,0.2)); 
}
.table>tr>td:last-child{
	border-bottom: none ;
}
.table td{
	border-bottom: rgba(0,0,0,0.1) !important;
}
.v-h{
	text-align:  center;
	font-size:18px;
	line-height: 50px;
}
